<div id="header_wrap">

    <div id="header">

        <a href="#"><img src="<?php echo $this->baseUrl() . '/public/template/nature/images/logo.png'?>" alt="logo" /></a>

        <ul id="tel">
            <li>Contact Us by the telephone number bellow</li>
            <li><a href="#">12 (0) 1234 567890</a></li>
        </ul>

        <ul id="pages">
            <li><a href="#" class="uppercase bold">Home</a></li>                     
            <li><a href="#" class="uppercase bold">About</a></li>
            <li><a href="#" class="uppercase bold">Donate</a></li>
            <li><a href="#" class="uppercase bold">Videos</a></li>
            <li><a href="#" class="uppercase bold">Contact</a></li>
        </ul>

        <ul id="menu">
            <li><a href="#" class="uppercase bold">Home</a></li>
            <li><a href="#" class="uppercase bold">Donate</a></li>
            <li><a href="#" class="uppercase bold">About us</a></li>
            <li><a href="#" class="uppercase bold">Tour</a></li>
            <li><a href="#" class="uppercase bold">Nature</a></li>
            <li><a href="#" class="uppercase bold">Tips</a></li>
            <li><a href="#" class="uppercase bold">Contact us</a></li>
        </ul>

    </div><!--end #header-->

</div><!--end #header_wrap-->


<div id="wrapper">	

    <div id="primary">		
        <div id="content">
            <div id="banner">
                <div id="slide">
                    <img src="<?php echo $this->baseUrl() . '/public/template/nature/images/banner.jpg'?>" alt="banner" />

                    <div id="new_tours_wrap">
                        <div id="new_tours">
                            <p id="our_new_tours">Our<span>New tours</span></p>
                            <p id="intro">
                                Đến với <span class="uppercase">nature tours</span> bạn có thể tham quan hoặc tìm kiếm thông tin về các thắng cảnh ở bất kì nơi nào trên thế giới mà bạn muốn.
                                <a href="#" class="read_more">Continue reading...</a>
                            </p>

                            <ul id="nav_slide">
                                <li><a href="#">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li><a href="#">4</a></li>
                            </ul>
                        </div><!--end #new_tours-->
                    </div><!--end #new_tours_wrap-->
                </div><!--end #slide-->

                <div id="welcome">
                    <h1 class="uppercase">Lorem ipsum dolor sit amet</h1>

                    <p>
                        Blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis <a href="#" class="bold">tutorials guides</a>.
                    </p>

                    <img src="<?php echo $this->baseUrl() . '/public/template/nature/images/photographer.png'?>" alt="photographer" />
                </div><!--end #welcome-->

            </div><!--end #banner-->

            <div id="post_content">
                <ul id="nav_post">
                    <li><a href="#">By Destination</a></li>
                    <li><a href="#">By Species</a></li>
                    <li><a href="#">By Tour Type</a></li>
                </ul>

                <div class="post_item">
                    <a href="#"><img src="<?php echo $this->baseUrl() . '/public/template/nature/images/post_item_1.jpg'?>" alt="post item" /></a>
                    <h3><a href="#">Lorem ipsum dolor</a></h3>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.</p>
                </div><!--end .post_item-->

                <div class="post_item">
                    <a href="#"><img src="<?php echo $this->baseUrl() . '/public/template/nature/images/post_item_2.jpg'?>" alt="post item" /></a>
                    <h3><a href="#">Sed diam nonummy</a></h3>
                    <p>Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum.</p>
                </div><!--end .post_item-->

                <div class="post_item">
                    <a href="#"><img src="<?php echo $this->baseUrl() . '/public/template/nature/images/post_item_3.jpg'?>" alt="post item" /></a>
                    <h3><a href="#">Nam liber tempor</a></h3>
                    <p>Nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait.</p>
                </div><!--end .post_item-->

                <div class="post_item clear">
                    <a href="#"><img src="<?php echo $this->baseUrl() . '/public/template/nature/images/post_item_4.jpg'?>" alt="post item" /></a>
                    <h3><a href="#">Ut wisi enim</a></h3>
                    <p>Lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur.</p>
                </div><!--end .post_item-->

                <div class="post_item">
                    <a href="#"><img src="<?php echo $this->baseUrl() . '/public/template/nature/images/post_item_5.jpg'?>" alt="post item" /></a>
                    <h3><a href="#">Duis autem vel</a></h3>
                    <p>Legere me lius quod ii est etiam processus dynamicus, qui seacula quarta decima et quinta decima. Modo typi luptatum zzril delenit augue.</p>
                </div><!--end .post_item-->

                <div class="post_item">
                    <a href="#"><img src="<?php echo $this->baseUrl() . '/public/template/nature/images/post_item_6.jpg'?>" alt="post item" /></a>
                    <h3><a href="#">Eodem modo typi</a></h3>
                    <p>Anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.</p>
                </div><!--end .post_item-->
            </div><!--end #post_content-->
        </div><!--end #content-->

        <div id="sidebar">
            <div id="holiday">
                <h3 class="uppercase bold">Holiday search</h3>
                <p class="choose">Chọn nơi bạn muốn tham quan :</p>

                <form action="">
                    <p><input type="text" value="Chọn khu vực ..." /></p>
                    <p><input type="text" value="Chọn ngày du lịch ..." /></p>
                    <p><input type="text" value="Chọn chủ đề ..." /></p>
                    <p><input type="text" value="Chọn mức giá ..." /></p>
                    <p><input type="submit" value="Search holidays" class="uppercase submit" /></p>
                </form>

            </div><!--end #holiday-->

            <div id="quick">
                <h3 class="uppercase bold">Quick search</h3>
                <p class="choose">Tìm thông tin nơi bạn tham quan :</p>

                <form action="">
                    <p><input type="text" value="Country/Code..." class="short" /></p>
                    <p><input type="submit" value="Search" class="uppercase submit" /></p>
                </form>

            </div><!--end #quick-->


            <div id="newsletter">
                <h3 class="uppercase bold">Newsletter search</h3>
                <p class="choose">Lorem ipsum dolor sit amet, lorem ipsum dolor sit amet :</p>

                <form action="">
                    <p><input type="text" value="Country/Code ..." /></p>
                    <p><input type="text" value="Search ..." class="short" /></p>
                    <p><input type="submit" value="Sign up" class="uppercase submit" /></p>
                </form>
            </div><!--end #newsletter-->

            <div id="lastest_new">
                <h3 class="uppercase">Lastest new</h3>

                <ul id="new">
                    <li>
                        <h4><a href="#">Lorem ipsum dolor sit amet</a></h4>
                        <p>
                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut claritatem. Investigationes.
                        </p>
                    </li>

                    <li>
                        <h4><a href="#">Lorem ipsum dolor sit amet</a></h4>
                        <p>
                            Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores.
                        </p>
                    </li>

                    <li>
                        <h4><a href="#">Lorem ipsum dolor sit amet</a></h4>
                        <p>
                            Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero.
                        </p>
                    </li>
                </ul>
            </div><!--end #lastest_new-->

        </div><!--end #sidebar-->

    </div><!--end #primary-->

    <div id="footer">
        <div id="info_footer">
            <h3 id="title">
                Lorem ipsum dolor sit amet consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.
            </h3>

            <ul id="info">
                <li id="twitter">
                    <h3 class="uppercase bold">Follow on twitter</h3>
                    <p>
                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat
                    </p>
                    <a href="#"><img src="<?php echo $this->baseUrl() . '/public/template/nature/images/face.jpg'?>" alt="facebook" /></a>
                </li>

                <li id="link">
                    <h3 class="uppercase bold">liên kết</h3>

                    <ul>
                        <li><a href="#">Lorem ipsum</a></li>
                        <li><a href="#">Duis autem</a></li>
                        <li><a href="#">Typi non habent</a></li>
                        <li><a href="#">Odio dignissim</a></li>
                        <li><a href="#">Accumsan et</a></li>
                    </ul>

                    <ul>
                        <li><a href="#">Dolor sit amet</a></li>
                        <li><a href="#">FAQs</a></li>
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Clients</a></li>
                        <li><a href="#">Donate</a></li>
                    </ul>

                    <ul>
                        <li><a href="#">BBC Vietnamese</a></li>
                        <li><a href="#">Quarta decima et</a></li>
                        <li><a href="#">Legere me lius</a></li>
                        <li><a href="#">Contact Us</a></li>
                    </ul>

                </li>

                <li id="contact">
                    <h3 class="uppercase bold">Contact Us</h3>

                    <p id="tel_number">
                        <span class="bold">Tel :</span> 12345 67890
                    </p>

                    <p id="email">
                        <span class="bold">Email :</span> jerry2099tom@gmail.com
                    </p>

                    <p id="address">
                        Nature tours. Your city. <span>Your state. 123 456 789</span>
                    </p>
                </li>
            </ul>

        </div><!--end #info_footer-->

        <ul id="coryright">
            <li>&copy; Nature tours 2013.</li>
            <li>Copyright and design by <span class="uppercase bold">izwebz.com</span>. All right reserved.</li>
        </ul>

    </div><!--end #footer-->

</div><!--end #wrapper-->